<template>
  <div class="send-detail">
    <el-dialog
      title="进度明细"
      :visible.sync="detailVisible"
      width="60%"
      :before-close="handleCloseDetail"
    >
      <el-table
        :data="detailList"
        border
      >
        <el-table-column
          prop="pushSumUser"
          label="计划推送总用户数"
        />
        <el-table-column
          prop="pushCount"
          label="当前推送用户数"
        />
        <el-table-column
          prop="pecents"
          label="推送进度"
        />
        <el-table-column
          prop="pushServiceCount"
          label="匹配店长数"
        />
        <el-table-column
          prop="avgCount"
          label="平均每分钟推送人数"
        />
        <el-table-column
          prop="preDone"
          label="预计完成时间(分钟）"
        />
      </el-table>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: {
    detailVisible: {
      type: Boolean,
      default: false
    },
    detailList: {
      type: Array,
      default() {
        return []
      }
    }
  },
  methods: {
    handleCloseDetail() {
      console.log('close detail')
      this.$emit('closeDetail')
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
